<template>
	<view :class="[`${PREFIX}`]">
		<view :class="[`${PREFIX}-nodata`]">
			<view :class="[`${PREFIX}-nodata-unlike`]">还没有喜欢的人</view>
			<view :class="[`${PREFIX}-nodata-btn`]" @click="makeFriends">去交友</view>
		</view>
	</view>
</template>

<script>
	const PREFIX = 'home-attention'
	export default {
		data() {
			return {
				PREFIX
			}
		},
		methods: {
			makeFriends(){
				uni.switchTab({
					url: "/pages/friends/index"
				})
			}
		}
	}
</script>

<style lang="less">
	.home-attention {
		height: 100%;
		background: #fff;

		&-nodata {
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			&-unlike {
				color: #999999;
				font-size: 36rpx;
			}

			&-btn {
				width: 200rpx;
				height: 72rpx;
				border-radius: 356rpx;
				opacity: 1;
				background: #7355ff;
				color: #fff;
				text-align: center;
				line-height: 72rpx;
				margin-top: 66rpx;
			}
		}
	}
</style>